@import "./_common/common"

/**app.wxss**/
.boxer
  background: $color-bg
  box-sizing: border-box
  color: $color-text
  font-size: $size
  height: 100vh
  width: 100%
  overflow: hidden
  // padding-bottom: env(safe-area-inset-bottom);
  &.boxer-hei-auto
    height: auto
    min-height: 100vh


.icon-order
  &:before
    content: $icon-order
.icon-pay  
  &:before
    content: $icon-pay  
.icon-receiving
  &:before
    content: $icon-receiving
.icon-aftersale
  &:before
    content: $icon-aftersale


.row-item
  ss-display-flex(row wrap, flex-start)
  &.column
    flex-flow: column
  .item-title
    color: $color-text
    min-width: 100rpx
  .item-body
    flex: 1

.skeleton
  text
    display: block
  text, image
    position: relative
    &:before
      content: ''
      background: $color-line
      min-height: 28rpx
      // animation: skeletonLoading 1.4s ease infinite;
      background-image: linear-gradient(90deg, #f0f0f0 25%, #e3e3e3 37%, #f0f0f0 63%);
      background-size: 400% 100%
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 33;

.p-title-line-x
  text-align: center
  position: relative
  &:before
    content: ''
    width: 100%
    height: 10rpx
    background: $color-primary
    border-radius: 10rpx
    z-index 0
    ss-func-absolute({$bottom: 4rpx, $left: 0})
.p-title-line
  text-align: center
  position: relative
  &:before
    content: ''
    width: 70rpx
    height: 50rpx
    border: 10rpx solid $color-primary
    border-radius: 50%;
    box-sizing: border-box;
    ss-func-absolute({$bottom: -10rpx, $left: calc(50% - 38rpx)})
    z-index 0
  text
    position relative
    z-index 1
    background: #fff
    display: inline-block
    line-height: 36rpx

.pic-80-r
  width: 80rpx
  height: @width

.pic-150-r
  width: 150rpx
  height: @width
.pic-180-r
  width: 180rpx
  height: @width

.hei80
  height: 80rpx

.height-bar
  height: 'calc(100vh - %s)' % $screenHeight



.ss-block-menus
  min-height: 100rpx
  padding: 10rpx $space-default
  box-sizing: border-box
  color: $color-text
  font-size: $size 
  ss-display-flex(column, center, center)
  &.active
    background: #fff
    color: $color-text-title
    font-weight: bold